<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="设备图片2" name="first">
      <records1 ref="rec1"></records1>
    </el-tab-pane>
    <el-tab-pane label="设备图片3" name="second">
      <records2 ref="rec2"></records2>
    </el-tab-pane>
    <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
    <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
  </el-tabs>

</template>

<script>
import records1 from '@/views/demo/records2/Mechanica_records2.vue';
import records2 from '@/views/demo/records3/Mechanica_records3.vue';
export default {
  components: {
    'records1': records1,
    'records2': records2
  },
  data(){
    return{
      activeName:'rec1'
    }
  },
  methods:{
    tabCilick(params){
      console.log('选项卡点击事件');
    },
    
    rowClick(){

      this.$refs.rec1.$refs.grid.search();
      this.$refs.rec2.$refs.grid.search();
      //    this.$refs.Footer2.$refs.rec1.$refs.grid.search();
      //  this.$refs.Footer2.$refs.rec2.$refs.grid.search();
       
    }
  }


}
</script>
<style></style>